<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jstl/core_rt" prefix="c"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt"%>
<%@ taglib prefix="fn" uri="http://java.sun.com/jsp/jstl/functions"%>
<c:set var="path" value="${pageContext.request.contextPath }" />
<%@ taglib tagdir="/WEB-INF/tags" prefix="matrix"%>
<%@ taglib uri="http://matrixcsm.zkingsoft.com" prefix="cms"%>
<cms:ads   code="'cp35c63faaad2f4d678f4e9ac6d4b409b3','Sr02278d05f4ef47d78e47d1e175752af4','n0721b008a205645568101cfa99771ba73','O9ae1dfedb3874417ead959a4b26a96a6f','G54c86f84ddb114d52b164d95b2df48289','r5d3dcd77e75814b8bbf5633cdbd283282','H42ff131a0423c461da9b7ff866e332c91','jr92a6321b4cd04ad49cb312d39d769232','yw73027416c7144d3c9f1df1c4b8d99f40','m07943fee1ccfd4d0eb9f04e0c9cd72758','Co06512443cf2a4b0db0d92c4121b1779e','qw890d3a7400fe42b89cca4b086a13d34b','J67dc0aff222084b84b708f12232761fb0','QL65421da38e724726811129be816a1caf','Lo392cef07b3234b6cb5fe46d57cb3598a','Dj6dabb4cd63c540c6bdc1b85eb5f443aa','BN5faf3a78ec534ad3af44cc93e93675af'"  ></cms:ads>
<!doctype html>
<html lang="zh-CN">
 <head> 
  <meta charset="utf-8"> 
  <meta http-equiv="X-UA-Compatible" content="IE=edge"> 
  <meta name="viewport" content="width=device-width, initial-scale=1"> 
  <title>${网页标题}</title> 
  <link href="http://hwfile.jyymatrix.cc/zyt/pc/css/bootstrap.min.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/pc/css/reset.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/pc/css/common.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/pc/font/iconfont.css" rel="stylesheet">
  <link href="http://hwfile.jyymatrix.cc/zyt/pc/css/animate.css" rel="stylesheet">
  <!--[if lt IE 9]>
    <script src="https://cdn.bootcss.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://cdn.bootcss.com/respond.js/1.4.2/respond.min.js"></script>
    <![endif]--> 
  <style>html,body{ overflow-x: hidden; } .list-item{ margin-top: 80px; position: relative; } .list-item img{ width: 33%; height: 410px; float: left; } .list-item:nth-child(even) img{ float: right; } .list-item .extra{ clear: both; position: absolute; bottom: -15px; z-index: 99; padding: 30px; border: 2px solid #bbb; } .list-item:nth-child(odd) .extra{ padding-left: 85px; left: 28%; } .list-item:nth-child(even) .extra{ padding-right: 85px; right: 28%; } .list-item .extra h3{ font-size: 24px; color: #333333; margin-bottom: 20px; } .list-item .extra p{ font-size: 14px; color: #333333; line-height: 25px; } .map{ margin: 80px 0 70px; overflow: hidden; position: relative; max-height: 618px; } .map img{ width: 100%; height: 100%; } .map .left{ width: 36.45%; float: left; } .map .right{ width: 63.55%; float: left; position: relative; } .map .extra{ position: absolute; left: 0; right: 0; bottom: 20px; padding: 30px 60px; color: #ffffff; background: rgba(0,0,0,0.5); } .map .extra h4{ margin-bottom: 20px; font-size: 18px; } .map .extra p{ line-height: 25px; }</style> 
  <meta name="keywords" content="${网页关键词}">
  <meta name="description" content="${网页描述 }">
 </head> 
 <body> 
  <jsp:include page="_top.jsp"></jsp:include> 
  <div class="banner"> 
   <img src="${cp35c63faaad2f4d678f4e9ac6d4b409b3.adImg}" alt="" class="zy" data-type="ad" data-id="${cp35c63faaad2f4d678f4e9ac6d4b409b3.adId}"> 
   <div class="txt flex flex-v flex-pack-center flex-align-center"> 
    <h3 class="animated fadeInDown zy" data-type="ad" data-id="${Sr02278d05f4ef47d78e47d1e175752af4.adId}">${Sr02278d05f4ef47d78e47d1e175752af4.adTitle}</h3> 
    <h3 class="mt-10 animated fadeInUp zy" data-type="ad" data-id="${n0721b008a205645568101cfa99771ba73.adId}">${n0721b008a205645568101cfa99771ba73.adTitle}</h3> 
   </div> 
  </div> 
  <div class="container"> 
   <div class="list-item"> 
    <img src="${O9ae1dfedb3874417ead959a4b26a96a6f.adImg}" data-scroll-reveal="wait 0.25s, then enter top and move 40px over 0.8s" alt="" class="zy" data-type="ad" data-id="${O9ae1dfedb3874417ead959a4b26a96a6f.adId}"> 
    <span class="clearfix"></span> 
    <div class="extra " data-scroll-reveal="wait 0.25s, then enter bottom and move 40px over 0.8s"> 
     <h3 class="zy" data-type="ad" data-id="${G54c86f84ddb114d52b164d95b2df48289.adId}">${G54c86f84ddb114d52b164d95b2df48289.adTitle}</h3> 
     <p class="zy" data-type="ad" data-id="${r5d3dcd77e75814b8bbf5633cdbd283282.adId}">${r5d3dcd77e75814b8bbf5633cdbd283282.adTitle}</p> 
    </div> 
   </div> 
   <div class="list-item"> 
    <img src="${H42ff131a0423c461da9b7ff866e332c91.adImg}" data-scroll-reveal="wait 0.25s, then enter top and move 40px over 0.8s" alt="" class="zy" data-type="ad" data-id="${H42ff131a0423c461da9b7ff866e332c91.adId}"> 
    <span class="clearfix"></span> 
    <div class="extra " data-scroll-reveal="wait 0.25s, then enter bottom and move 40px over 0.8s"> 
     <h3 class="zy" data-type="ad" data-id="${jr92a6321b4cd04ad49cb312d39d769232.adId}">${jr92a6321b4cd04ad49cb312d39d769232.adTitle}</h3> 
     <p class="zy" data-type="ad" data-id="${yw73027416c7144d3c9f1df1c4b8d99f40.adId}">${yw73027416c7144d3c9f1df1c4b8d99f40.adTitle}</p> 
    </div> 
   </div> 
   <div class="list-item"> 
    <img src="${m07943fee1ccfd4d0eb9f04e0c9cd72758.adImg}" data-scroll-reveal="wait 0.25s, then enter top and move 40px over 0.8s" alt="" class="zy" data-type="ad" data-id="${m07943fee1ccfd4d0eb9f04e0c9cd72758.adId}"> 
    <span class="clearfix"></span> 
    <div class="extra " data-scroll-reveal="wait 0.25s, then enter bottom and move 40px over 0.8s"> 
     <h3 class="zy" data-type="ad" data-id="${Co06512443cf2a4b0db0d92c4121b1779e.adId}">${Co06512443cf2a4b0db0d92c4121b1779e.adTitle}</h3> 
     <p class="zy" data-type="ad" data-id="${qw890d3a7400fe42b89cca4b086a13d34b.adId}">${qw890d3a7400fe42b89cca4b086a13d34b.adTitle}</p> 
    </div> 
   </div> 
  </div> 
  <div class="map " data-scroll-reveal="wait 0.25s, then enter bottom and move 40px over 0.8s"> 
   <div class="left"> 
    <img src="${J67dc0aff222084b84b708f12232761fb0.adImg}" alt="" class="zy" data-type="ad" data-id="${J67dc0aff222084b84b708f12232761fb0.adId}"> 
   </div> 
   <div class="right"> 
    <img src="${QL65421da38e724726811129be816a1caf.adImg}" alt="" class="zy" data-type="ad" data-id="${QL65421da38e724726811129be816a1caf.adId}"> 
    <div class="extra"> 
     <h4 class="zy" data-type="ad" data-id="${Lo392cef07b3234b6cb5fe46d57cb3598a.adId}">${Lo392cef07b3234b6cb5fe46d57cb3598a.adTitle}</h4> 
     <p class="zy" data-type="ad" data-id="${Dj6dabb4cd63c540c6bdc1b85eb5f443aa.adId}">${Dj6dabb4cd63c540c6bdc1b85eb5f443aa.adTitle}</p> 
     <p class="zy" data-type="ad" data-id="${BN5faf3a78ec534ad3af44cc93e93675af.adId}">${BN5faf3a78ec534ad3af44cc93e93675af.adTitle}</p> 
    </div> 
   </div> 
  </div> 
  <jsp:include page="_footer.jsp"></jsp:include> 
  <script src="http://hwfile.jyymatrix.cc/zyt/pc/js/jquery.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/pc/js/bootstrap.min.js"></script>
  <script src="http://hwfile.jyymatrix.cc/zyt/pc/js/scrollReveal.js"></script>
  <script>
    window.scrollReveal = new scrollReveal();

</script>  
 </body>
</html>